﻿<%@ Page Language="C#" MasterPageFile="~/Home.Master" AutoEventWireup="true" CodeBehind="ListProducts.aspx.cs" Inherits="VCN.home.ListProducts" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
 <link href="Style/Menu.css" rel="stylesheet" type="text/css" />
   <link rel="stylesheet" type="text/css" href="/home/Style/jquery.lightbox-0.5.css" media="screen" />
     <script type="text/javascript" src="JS/jquery_listproduct.js"></script>
    <script type="text/javascript" src="JS/jquery.lightbox-0.5.js"></script>
     <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>
   	<style type="text/css">
	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #444;
		padding: 10px;
		width: 95%;
		margin:auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	</style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Menu" runat="server">
<div class="menu1"><a href="/home/Contact.aspx" >Contact</a></div>
	<div class="menu1"><a href="/home/ListNews.aspx">News</a></div>
	<div class ="menu1"><a href="/home/Gallery.aspx" >Gallery</a></div>
	<div class="menu1"><a href="/home/About.aspx">About </a></div>
	<div class="menu1"><a href="/home/default.aspx"  >Home</a></div>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
     <div id="Left" style="float: left; overflow: hidden; margin: 20px 10px 20px 20px; margin:auto;
            width: 95%; box-shadow: 0 0 2px #121212;">
            <div class="hear_listnews">
                <span  style="margin: 2px 0 0 25px; color:White; font-size:1.3em; font-weight:bold;">
                <img alt='Icon list product' src=''/>List Product</span>
                <hr style="border-style: dotted; margin: 3px 20px 0 24px; size: inherit; color: #C2C2C4;">
            </div>
        </div>
    <div id="gallery">
    <ul>
    <asp:Repeater ID="m_rpt_list_products" runat="server">
        <ItemTemplate>
              <li>
            <a href='<%# "/Images/Product/" + Eval("PRODUCT_IMAGE") %>' title='<%# Eval("PRODUCT_KEY") %>'>
                <img src='<%# "/Images/Product/" + Eval("PRODUCT_IMAGE") %>' width="100" height="100" alt="" />
            </a>
        </li>
        </ItemTemplate>
    </asp:Repeater>    
    </ul>
</div>
</asp:Content>
